<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="<%= application.getContextPath()%>/css/css-crm.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="left-panel">
	<div align="right">
    <input id="close-panel" title="Click To Hide The Left Panel" type="image" src="<%= application.getContextPath()%>/images/close.gif" width="11" height="11" border="0" />
    </div>
      <div class="search-panel">
        <table width="198" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="12" height="22">&nbsp;</td>
            <td width="181"><div class="smalltext">Search</div>
			<div class="icon" id="searchClose"><a href="#"><img src="<%= application.getContextPath()%>/images/slied.jpg" width="11" height="11" border="0" /></a></div>
			<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/mac.jpg" width="12" height="11" border="0" /></a></div>
			<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/min.gif" width="7" height="13" border="0" /></a></div></td>
            <td width="10">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><form class="searchform"><input class="searchfield" type="text" onblur="if (this.value == '') {this.value = 'Search...';}" onfocus="if (this.value == 'Search...') {this.value = '';}" value="Search...">
<input class="searchbutton" type="button" value="Go"></form></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </div>
	  <div class="search-panel">
	    <table width="198" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="12" height="22">&nbsp;</td>
            <td width="174"><div class="smalltext">Dashboard</div>
            <div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/slied.jpg" width="11" height="11" border="0" /></a></div>
			<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/mac.jpg" width="12" height="11" border="0" /></a></div>
			<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/min.gif" width="7" height="13" border="0" /></a></div></td>
            <td width="12">&nbsp;</td>
          </tr>
          <tr>
            <td height="104">&nbsp;</td>
            <td><img src="<%= application.getContextPath()%>/images/dashb.jpg" width="181" height="161" /><br />
</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
	  </div>
	  <div class="search-panel">
	    <table width="198" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="12" height="22">&nbsp;</td>
            <td width="174"><div class="smalltext">Calendar</div>
<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/slied.jpg" width="11" height="11" border="0" /></a></div>
			<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/mac.jpg" width="12" height="11" border="0" /></a></div>
			<div class="icon"><a href="#"><img src="<%= application.getContextPath()%>/images/min.gif" width="7" height="13" border="0" /></a></div></td>
            <td width="12">&nbsp;</td>
          </tr>
          <tr>
            <td height="80">&nbsp;</td>
            <td><img src="<%= application.getContextPath()%>/images/calander.jpg" width="184" height="153" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
	  </div>
    </div>
    <div id="message-panel" style="display:none" title="Click To Open The Left Panel">
    <img  align="right" src="<%= application.getContextPath()%>/images/arrow-green-left.gif"/>
    </div>
 <!--   <div align="left" id="xeweb">
    <iframe frameborder="0" onload="iFrameReload();" width="650" scrolling="yes" title="Indian Currency" height="170" src="http://www.xe.com/currency/inr-indian-rupee#xRates"></iframe>
    </div> -->
    
</body>
</html>
<script type="text/javascript">
$("#close-panel").click(function(){
	$("#left-panel").hide("slide",{direction:"right"},2000);
	$("#message-panel").show("slide",{direction:"right"},2000);
});
$("#message-panel").click(function(){
	$("#message-panel").hide("slide",{direction:"right"},2000);
	$("#left-panel").show("slide",{direction:"right"},2000);
});
/* function iFrameReload() {
    var iFrame = $('#xeweb');

    iFrame.bind('load', function() { //binds the event
         iFrame.attr('"http://www.xe.com/currency/inr-indian-rupee#xRates" ', newSrc); 
    });

} */


</script>